import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    isPlayed: false
  },
  mutations: {
    // 标记已播放状态
    markVideoPlayed(state, status) {
      // console.log("status", status);
      // 改变state
      state.isPlayed = status;
      // 持久化, 将isPlayed保存在localStorage 中
      window.localStorage.isPlayed = JSON.stringify(status);
    },

    // 设置播放状态, status是参数
    setPlayedStutus(state, status) {
      state.isPlayed = status;
    }

  },
  actions: {
    // 此处实际传的是 ctx, 可以从ctx中解构得到 commit
    loadPlayedStatus({ commit }) {
      //console.log(ctx);
      // 这里可以向后台发送axios请求获取最新的played状态, 也可以在window.localStorage中获取
      let videoStatus = JSON.parse(window.localStorage.isPlayed); // 最新状态
      // 设置播放状态
      commit('setPlayedStutus', videoStatus)
    }
  },
  modules: {
  }
})
